<template>
<div>
    <div class="ImgWrap" :style="{padding:paddingWrap,backgroundColor:ImageStyle.background}" v-for="(item,index) in imgInfo" :key="index" >
        <view :style="{padding:paddingInner}">
         <img :src="item.imgUrl">
        </view> 
    </div>
</div>
    
</template>

<script>
export default {
   inject: ['params','style','data'],
    data() {
        return {
            imgInfo:this.data,
            ImageStyle:this.style
        };
    },

    mounted() {
    
    },
  computed: {
    paddingWrap() {
        return `${this.style.paddingTop}rpx 0`
    },
    paddingInner(){
        return `0 ${this.style.paddingLeft}rpx`
    }
  },
  
};
</script>

<style lang="scss" scoped>
.ImgWrap{
    width: 100%;
    height: 410rpx ;
    box-sizing: content-box;
    img{
        width: 100%;
        height: 100%;
    }
}
</style>